<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>列表元素：集合一组相同数据</h1>
		<!-- 第一种 无序列表    使用多：网站优化-->
		<u1>
				<1i>哪吒</1i>
				<1i>白雪</1i>
				<1i>雄哥触摸</1i>
		</u1>

		<!-- 第二种 有序列表 -->
		<ol>
			<1i>大头儿子</1i>
			<1i>海绵宝宝</1i>
			<1i>邋遢大王</1i>
		</ol>
		<!-- 定义列表  解释小图片-->
		<d1>
			<dt><img src="" alt=""></dt>
			<dd>这是</dd>
		</d1>
		
		<h1>表单元素</h1>
		<!-- 采集用户信息 账号颜色功能性 -->
		<form action="">
		账号<input type="text">
		密码<input type="password">
		按钮<button>按钮</button>
		<input type="submit">
		<input type="reset">
		男<input type="radio"name="sex">
		女<input type="radio"name="sex">
		肉<input type="checkbox">
		菜<input type="checkbox">
		汤<input type="checkbox">
		</form>
		<h1>新元素</h1>
		<!-- 记号笔元素 -->
		<mark>lorems</mark>
		<!-- 度量元素 -->
		<meter value="60" max="100" min="1"> </meter>
		<!-- 细节元素 -->
		<details>
			<summary>默认显示效果</summary>
			<div>
				Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugit numquam illum sed a porro doloremque totam, quam sit quis dolores esse laborum aperiam soluta deleniti officia repellendus et in tenetur.
				Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ducimus harum non dolores at vel est expedita corrupti error, exercitationem, dolor fugit magni architecto corporis numquam eveniet asperiores nemo, minima temporibus.</div>
		</details>
	</body>
</html>